<!--
SPDX-License-Identifier: Apache-2.0
Copyright (c) 2020 Intel Corporation
-->

<style>
        @media print {
         nav .menubar,.container .leftSection,.container .rightSection .rightHead,.container .rightSection .read-time,
         .container .rightSection .download-pdf,.rightSection .contentArea .language-text .highlight,footer#footer, body #bannerSection{ display:none!important;}
        .rightSection .contentArea img { width: auto; max-width: 100%;}
      }
    </style>
<nav id="header" class="navbar navbar-default ">
      <div class="container">
        <div class="row">
          <div class="navbar-header col-lg-3 col-md-4 col-sm-3 col-xs-12">
            <div class="logoheader">
              <div class="logo">
                <a class="navbar-brand" title="OpenNESS" href="/">
                <img src="{{ '/images/openness-logo.png' | prepend: site.siteurl }}" alt="OpenNESS" width="340" height="85" class="tabRest">
                <img src="{{ '/images/openness-logo-sm.png' | prepend: site.siteurl }}" alt="OpenNESS" width="170" height="45" class="tabOnly" style="display:none;">
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-9 col-md-8 col-sm-9 col-xs-12">
            <div class="menubar">
              <div class="container">
                <div id="navbarCollapse" class="navbar-collapse col-lg-8 col-md-8 col-sm-12 col-xs-12 navigation">
                  <div class="nav-mobile">
					<span class="hamb-top"></span>
					<span class="hamb-middle"></span>
					<span class="hamb-bottom"></span>
				  </div>
                  <ul class="nav menu opennessmenu mod-list">
                    <li class="item-102 deeper parent">
						<a href="/about">About</a>
						<ul class="nav-child unstyled small" style="display: none;">
							<li class="item-118"><a href="/about#openness-overview" class="lowerCase">OpenNESS OVERVIEW</a></li>
							<li class="item-119"><a href="/about#technical-steering-committee-charter">Technical Steering Committee Charter</a></li>
						</ul>
					</li>
					<li class="item-163 deeper parent">
						<a href="/products">Products</a>
						<ul class="nav-child unstyled small" style="display: none;">
							<li class="item-166"><a href="/products">Getting Started</a></li>
							<li class="item-149"><a href="/docs/openness_releasenotes/" class="lowerCase">OpenNESS</a></li>
							<li class="item-168"><a href="/products/intel-distribution" class="lowerCase">INTEL® DISTRIBUTION OF OpenNESS</a></li>
						</ul>
					</li>
					<li class="item-103 deeper parent">
                      <a href="/resources">Resources</a>
                      <ul class="nav-child unstyled small" style="display: none;">
                        <li class="item-120"><a href="/resources#whitepaper">Whitepaper</a></li>
                        <li class="item-121"><a href="/resources#video">Video</a></li>
                        <li class="item-130"><a href="/resources#training">Training</a></li>
                        <li class="item-135"><a href="/resources/social-videos">Social Videos</a></li>
                        <li class="item-136"><a href="/resources/podcasts">Podcasts</a></li>
					  </ul>
                    </li>
					<li class="item-122 deeper parent">
						<a href="/developers">Developers</a>
						<ul class="nav-child unstyled small" style="display: none;">
						<li class="item-123"><a href="/developers#apidoc">API Documentation</a></li>
						<li class="item-124"><a href="/developers#mailinglist">Mailing List</a></li>
						</ul>
					</li>
                    <li class="item-104 deeper parent">
                      <a href="/news-and-events">News &amp; Events</a>
                      <ul class="nav-child unstyled small" style="display: none;">
                        <li class="item-132"><a href="/news-and-events#news">News</a></li>
                        <li class="item-126"><a href="/news-and-events#blog">Blog</a></li>
						<li class="item-170"><a href="/faqs" class="lowerCase">FAQs</a></li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </nav>
